<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分支结构</title>
	</head>
	<body>
		 <div id="app">
			 <!-- 需求：用户可以手动的输入成绩
			  根据成绩，自动计算等级
			  等级规范：
				>=90 优秀
				>=80 良好
				>=70 中等
				否则 继续努力
				命令：
					1. v-if 如果判断为true，则展现元素
					2. v-else-if 如果不满足1，检查是否满足else if
					3. v-else 以上都不满足 才展现
				-->
		请输入成绩：<input type="text" v-model="score"/><br>
		等级：
			<h3 v-if="score >= 90">优秀</h3>
			<h3 v-else-if="score >= 80">良好</h3>
			<h3 v-else-if="score >= 70">中等</h3>
			<h3 v-else>继续努力</h3>
			 
		 </div>
		 <script src="../js/vue.js"></script>
		 <script>
			 const app = new Vue({
				 el: "#app",
				 data: {
					 score: 0,
				 },
				 methods: {
				}
			 });
		 </script>
	</body>
</html>
